<!DOCTYPE HTML>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css"
	href="@{'/public/stylesheets/login.css'}">
<script src="@{'/public/javascripts/jquery.js'}" type="text/javascript"
	charset="utf-8"></script>
	
	<script src="@{'/public/javascripts/jquery-1.4.2.min.js'}" type="text/javascript"
	charset="utf-8"></script>
	
	<script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript"
	charset="utf-8"></script>
</head>
<body>

	<script type="text/javascript">
		$(document).ready(function() {

			$(".signin").click(function(e) {
				e.preventDefault();
				$("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
			});

			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if ($(e.target).parent("a.signin").length == 0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});

		});
	</script>

	<div id="container">
		<div id="topnav" class="topnav">
			<a href="#" class="ideas"><span>About Ideas Hub</span></a><br/><br/>
			 <a href="#" class="signin"><span>Login</span></a>
		</div>
		<fieldset id="signin_menu">
			<form  id="signin" action="@{Application.index()}">
			
				<label for="username">Username</label> 
				<input id="username"
					name="username" value="" title="username" tabindex="4" type="text">
				</p>
				<p>
					<label for="password">Password</label> <input id="password"
						name="password" value="" title="password" tabindex="5"
						type="password">
				</p>
				<p class="remember">
					<input id="signin_submit" value="Sign in" tabindex="6"
						type="submit"> <input id="remember" name="remember_me"
						value="1" tabindex="7" type="checkbox"> <label
						for="remember">Remember me</label>
				</p>
						
				
			</form>
			<a href="#" ><span>Register</span></a>
		</fieldset>
	</div>
</body>
</html>
